<html>
<head></head>
<body>
<div class="col-sm-12">
    <div class="animated fadeIn">
        <div class="ibox float-e-margins">
            <div class="ibox-title">
                <h5>角色管理 <small>角色列表</small></h5>
                <div class="ibox-tools">
                    <a class="collapse-link">
                        <i class="fa fa-chevron-up"></i>
                    </a>
                </div>
            </div>
            <div class="ibox-content">
                <form action="" class="form-horizontal" id="queryForm">
                    <div class="row">
                        <div class="form-group">
                            <label class="control-label col-sm-1" for="roleName">角色名</label>
                            <div class="col-sm-2">
                                <input type="text" class="form-control" id="roleName" name="roleName">
                            </div>
                            <div class="col-sm-4">
                                <button type="button" id="searchFormSubmitBtn" class="btn btn-primary">查询</button>
                                <button type="button" id="searchFormResetBtn" class="btn btn-primary">重置</button>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="ibox-content">
                <div class="btn-group-sm" id="roleTb" role="group">
                    <button type="button" class="btn btn-primary btn-sm dropdown-toggle" onclick="Role.createRole()">
                        <span class="glyphicon glyphicon-plus"></span>新增
                    </button>
                    <button type="button" class="btn btn-primary btn-sm dropdown-toggle" onclick="Role.delRole()">
                        <span class="glyphicon glyphicon-remove"></span>删除
                    </button>
                </div>
                <table id="roleGrid" data-mobile-responsive="true"></table>
            </div>
        </div>
    </div>
</div>
<@shiro.hasPermission name="/permission/role/edit">
<input id="editRolePermission" type="hidden"/>
</@shiro.hasPermission>
<@shiro.hasPermission name="/permission/role/getResources">
<input id="getResourcesPermission" type="hidden"/>
</@shiro.hasPermission>
<script src="${ctx}/public/js/business/Role.js"></script>
<script>
    $(function () {
        Role.initGrid('#roleGrid');
    });
</script>
</body>
</html>

